<template>
    <!-- 题目回答页面 -->
    <div id="ProcessTitle">
        <!-- 题目 -->
        <h1>{{props.title}}</h1>
        <!-- 富文本 -->
        <div id="ProccessTopicEditors"></div>
        <!-- 提交 -->
        <button id="sendAnswer">提交答案</button>
    </div>
</template>

<script>
//富文本
import Editor from './Editor/Editor.js'
export default {
    name:'ProcessTitle',
    data(){
        return {
            props:{
                id:'',
                title:'',
            },
            editors:{
                topicValue:''
            },
        }
    },
    mounted(){
        this.props.id=this.$route.params.id
        this.props.title=unescape(this.$route.params.title)
        Editor.creates('solud1',document.getElementById('ProccessTopicEditors'),this.editors,'3')
    },
    methods:{
        
    }
}
</script>

<style lang="less" scoped>
    #ProcessTitle{
        #ProccessTopicEditors{
            margin-top: 20px;
        }
        #sendAnswer{
            width: 100px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: block;
            margin: 0 auto;
            margin-top: 20px;
            border: none;
            color: #ffffff;
            border-radius: 5px;
            cursor: pointer;
            background-color: rgba(64, 158, 255,1);
            &:active{
                background-color: rgba(64, 158, 255,.8);
            }
        }
    }
</style>